import ReactDOM from 'react-dom/client';
// 1.父组件传值
// import Props from './Props';
// 2.父组件传给孩子组件数据
// import List from './List/List';
// 3.使用context上下文传值
// import Listmore from './Context/Listmore';
// 4.没有嵌套关系的组件传值
// import OneList from './Events/OneList';
// import TwoList from './Events/TwoList';
// 5.todo案例
// import App from './TodoList/App';
// 6.表单案例
// import Form from './Form/Form';
// 7.react-vant UI框架使用
// import * as Vant from 'react-vant';
// React.$vant = Vant;
// 8.useState 钩子使用
// import UseStateDemo from './VantHooks/UseStateDemo';
// 9.useContext 钩子使用
// import UseContextDemo from './VantHooks/UseContextDemo';
// 10.useMemo 钩子使用
// import UseMemoDemo from './VantHooks/UseMemoDemo';
// 11.useReducer 钩子使用
// import UseReducerDemo from './VantHooks/UseReducerDemo';
// 12.children使用
// import Input from './Children/index';
// 13.DangerouslySetInnerHtml使用
// import DangerouslySetInnerHtml from './dangerouslySetInnerHtml';
// 14.useRef钩子使用
// import UseRefDemo from './VantHooks/UseRefDemo';
// 15.todo案例修改成函数组件
// import App from './FunctionTodoList/App';
// 16.redux 基础测试使用
// import store from './Redux';
// console.log(store);
// 17.react-redux 测试使用
// import App from './react-redux/App';
// 18.redux-thunk 测试使用
// import App from './redux-thunk/App';
// 19.封装验证的高阶组件
// import withGuards from './Guards/Guards';
// 20.lazy和Suspense组件使用
// import Lazy from './Guards/Lazy';
// 21.自己手写min-react
import MiniReact from './MiniReact';

const root = ReactDOM.createRoot(document.getElementById('root'));

root.render(
  /* 
    18版本在开发阶段React故意让渲染两次
  */
  // <React.StrictMode>
  <>
    {/* <Listmore /> */}
    {/* <OneList />
    <TwoList /> */}
    {/* <App /> */}
    {/* <Form /> */}
    {/* <UseStateDemo /> */}
    {/* <UseContextDemo /> */}
    {/* <UseMemoDemo /> */}
    {/* <UseReducerDemo /> */}
    {/* <Input /> */}
    {/* <DangerouslySetInnerHtml /> */}
    {/* <UseRefDemo /> */}
    {/* <Lazy /> */}
    <MiniReact />
  </>
  // </React.StrictMode>
);



